var htmlwp = require('html-webpack-plugin');

module.exports={
    //注意！！！ 要在mianjs里面使用过的JS才会打包
    entry: './src/main.js',  // 入口，哪个文件要打包的
    output:{
        path: './dist', //注意: webpack1.14.0要求这个路径是一个绝对路径!!  __dirname代表当前文件的绝对路径
        filename: 'build.js'
    },
    module:{
        loaders:[
            {
                test:/\.css$/,   //配置css格式的
                loader:'style-loader!css-loader'   //必须按style-loader!css-loader这个顺序，否则会报错
                /* 也可以写成：
                  loader:['style-loader','css-loader']
                  loaders:['style-loader','css-loader']
                 */
            },
            {
                test:/\.scss$/,    //配置scss格式的
                loader:'style-loader!css-loader!sass-loader'    //必须按style-loader!css-loader!sass-loader这个顺序，否则会报错
            },
            {
                test:/\.less$/,    //配置less格式的
                loader:'style-loader!css-loader!less-loader'    //必须按style-loader!css-loader!sass-loader这个顺序，否则会报错
            },
            {
                test: /\.(png|jpg|gif|ttf)$/,    //配置url格式的
                loader:'url-loader?limit=20000'    //limit表示图片的大小为20K是临界值
            },
            {
                test: /\.js$/,    //配置js的es6语法转es5
                loader:'babel-loader',
                exclude:/node_modules/     //排除这个文件夹
            },
            {
                test: /\.vue$/,    // 解析 .vue 组件页面的文件
                loader:'vue-loader',
            }
        ] 
    },
    babel:{
        presets:['es2015'],   // es6语法转换成es5
        plugins:['transform-runtime']
    },
    plugins:[
        new htmlwp({
            title:'首页',
            filename: 'index.html',
            template:'index1.html'  //根据index1这个模板来生成
        })
    ]
}
